#portfolio-wrapper  {
width : 100%;
margin: 0 auto;
background-color : #F9F9F9;
border-top : 4px solid #CC3819;
}
.portfolio {
border : 1px solid #D1D1D1;
border-top:none;
}
.portfolio-header {
border-bottom : 1px solid #D1D1D1;
height : auto;
margin-bottom : 10px;
padding:2px 0;
min-height:36px;
height:auto !important;
height:36px;
}
.portfolio-header h2.portfolio-title{
font-family:Arial, Helvetica, sans-serif;
padding : 0 5px;
text-transform:uppercase;
color:#666666;
font-size:16px;
width : auto !important;
margin :0;
display : block;
white-space:nowrap;
line-height : 36px;
}
.td_title{
border-right : 1px solid #D1D1D1;
}
.portfolio-header p.portfolio-description {
font-family:Verdana, sans-serif;
font-size:11px;
padding: 0 5px;
margin :0;
}
.portfolio-header p span {
font-size:12px;
text-transform:uppercase;
color:#CC3819;
font-weight:bold;
}
#portfolio-content{
position:relative;
overflow:hidden;
padding : 0 24px;
}
#portfolio-prev{
left : 0;
float : left;
display:block;
width:23px;
height:23px;
background: url("../images/left1.jpg") no-repeat right center ;
position:absolute;
z-index:10;
}
a:hover#portfolio-prev{
background: url("../images/left2.jpg") no-repeat right center ;
}
#portfolio-next{
right : 0;
float : right;
display:block;
width:23px;
height:23px;
background: url("../images/right1.jpg") no-repeat right center ;

position:absolute;
z-index:10;

}
a:hover#portfolio-next{
background: url("../images/right2.jpg") no-repeat right center ;
}
#portfolio-relative{
width : 100%;
position : relative;
overflow : hidden;
margin : 0 auto;
}

#portfolio-content-content {
float : left;
margin :0 !important;
padding : 0 !important;
width:5000px;
left:-5px;
position:relative;
overflow:hidden;

}
.portfolio-item{
background : none;
padding : 0;
list-style : none;
float: left;
margin:0 5px !important;
text-align : center;
overflow:hidden;
/*width:176px;*/
}

a.image-item  {
display : block; 
}
a:link.image-item  img, a:visited.image-item  img{

border : 1px solid #D1D1D1;
padding: 2px;
filter:alpha(opacity=80);/*IE*/
-moz-opacity:0.8;/*Netscape*/
-khtml-pacity:0.8;/*Safari*/
opacity:0.8;/*FF and all browser*/
}

a:hover.image-item  img{
filter:alpha(opacity=100);/*IE*/
-moz-opacity:1;/*Netscape*/
-khtml-pacity:0;/*Safari*/
opacity:1;/*FF and all browser*/
}
/*
.image-item  a:hover img{
border : 1px solid #CC3819;
}
*/
.title-item {
margin : 0 auto;
display:block;
padding: 10px 0;
text-align:center;
/*width : 160px;*/
}
#portfolio-relative a{
margin : 0;
padding : 0 !important;
}
#portfolio-wrapper .title-item a:link, #portfolio-wrapper .title-item a:visited {
font-family:Verdana, sans-serif ;
font-size:12px ;
font-weight:bold ;
text-transform:uppercase ;
color : #000000 ;
text-decoration:none ;
}
#portfolio-wrapper .title-item a:hover {
color : #CC3819 ;
}
#slideEnd{
float:left;
}
#portfolio-stop , #portfolio-start{
position:absolute;
display : block;
bottom: 10px;
width : 50px;
height : 30px;
background : #CC3819;
}
#portfolio-stop{
left : 400px;
}
#portfolio-start{
left : 470px;
}
.sub-image-hidden{
display : none;
}
/*--------Clear FIX------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clear {
clear:both;
} 
.clearfix {
	display: inline-block;
} 
html[xmlns] .clearfix {
	display: block;
} 
* html .clearfix {
	height: 1%;
}